<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>京东轮播页面</title>
	</head>
	<style type="text/css">
		div{
			width: 700px;
			height: 450px;
			position: relative;
			margin: 0px auto;
		}
		li{
				list-style: none;
				float:left;
				margin-right: 5px;
				margin-bottom: 3px;
				width: 20px;
				height: 20px;
				border-radius: 50%;
				border: 0px solid black;
			background-color:gray;
				line-height: 20px;
				text-align: center;
				}
				ul{
					position: absolute;
					left: 350px;
					top: 400px;					
				}
				a{
					color: white;
					text-decoration: none;
				}
				li:hover{
					background-color: gainsboro;
				}
				
				
	</style>
	<body>
		<div id="tu">				
		<img src="../img/focus.jpg"/>
		<ul>
			<li><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
			<li><a href="#">4</a></li>
			<li><a href="#">5</a></li>
		</ul>
		</div>
	</body>
</html>
